<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico" type="image/x-icon">
  <link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico" type="image/x-icon">
  <title></title>
  <style>
    .sk-cube-grid {
      width: 8em;
      height: 8em;
      margin: auto;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .sk-cube {
      width: 33%;
      height: 33%;
      background-color: #e04960;
      float: left;
      animation: sk-cube-grid-scale-delay 1.3s infinite ease-in-out;
    }

    .sk-cube-1 {
      animation-delay: 0.2s;
    }

    .sk-cube-2 {
      animation-delay: 0.3s;
    }

    .sk-cube-3 {
      animation-delay: 0.4s;
    }

    .sk-cube-4 {
      animation-delay: 0.1s;
    }

    .sk-cube-5 {
      animation-delay: 0.2s;
    }

    .sk-cube-6 {
      animation-delay: 0.3s;
    }

    .sk-cube-7 {
      animation-delay: 0s;
    }

    .sk-cube-8 {
      animation-delay: 0.1s;
    }

    .sk-cube-9 {
      animation-delay: 0.2s;
    }

    @keyframes sk-cube-grid-scale-delay {

      0%,
      70%,
      100% {
        transform: scale3D(1, 1, 1);
      }

      35% {
        transform: scale3D(0, 0, 1);
      }
    }
  </style>
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>
  <div id="app">
    <div class="sk-cube-grid">
      <div class="sk-cube sk-cube-1"></div>
      <div class="sk-cube sk-cube-2"></div>
      <div class="sk-cube sk-cube-3"></div>
      <div class="sk-cube sk-cube-4"></div>
      <div class="sk-cube sk-cube-5"></div>
      <div class="sk-cube sk-cube-6"></div>
      <div class="sk-cube sk-cube-7"></div>
      <div class="sk-cube sk-cube-8"></div>
      <div class="sk-cube sk-cube-9"></div>
    </div>
  </div>
  <!-- CND资源 -->
  <% if (process.env.NODE_ENV==='production' ) { %>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.7.16/vue.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/vuex/3.6.2/vuex.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.6.5/vue-router.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.7.2/axios.min.js"></script>
    <% } %>
      <!-- built files will be auto injected -->
</body>

</html>